@mixin Center ($color, $backgroundColor, $fantSize) {
    display: flex;
    justify-content: center;
    align-items: center;
    color: $color;
    background-color: $backgroundColor;
    font-size: $fantSize;
}

@mixin box {
    display: flex;
    justify-content: center;
    align-items: center;
}

$color: red;
$backgroundColor: blue;
$fonSize: 18px;

@mixin flex($width, $height) {
    width: $width;
    display: flex;
    height: $height;
    line-height: $height;
}

@mixin flexchildren {
    flex: 1;
    text-align: center;
    cursor: pointer;
}

$cursor: pointer;
   